<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">

<link rel="stylesheet" href="../layui/css/layui.css">
<script language="javascript" src="../script/main.js"></script>
<script type="text/javascript" src="layui.all.js"></script>
<script src="../layui/layui.js"></script>
<title>功能</title>
</head>
	
	<style type="text/css">
		ul,li,a{
			list-style:none;
			line-height:50px;
		}
		
		
	</style>
	<body  style="background-color: #FFFAFA">	

	<ul class="layui-nav layui-nav-tree layui-inline" lay-filter="demo" style="margin-right: 10px;">
  <li class="layui-nav-item layui-nav-itemed">
    <a href="javascript:;">档案管理</a>
    <dl class="layui-nav-child">
      <dd><a
					href="/slms2/moduls/archive/employee.jsp" class="btn btn-info"  target="mainFrame">员工档案</a></dd>
      <dd><a
					href="/slms2/moduls/archive/client.jsp" class="btn btn-info"  target="mainFrame">客户档案</a></dd>
      <dd><a
					href="/slms2/moduls/archive/merchandise.jsp" class="btn btn-info" target="mainFrame">商品档案</a></dd>
    </dl>
  </li>
  <li class="layui-nav-item">
    <a	href="javascript:;" class="btn btn-info" target="mainFrame">订单管理</a>
    <dl class="layui-nav-child">
      <dd><a
					href="/slms2/preStockorderAction" class="btn btn-info" target="mainFrame">订货单</a></dd>
      <dd><a
					href="/slms2/preStockinAction" class="btn btn-info" target="mainFrame">进货单</a></dd>
    </dl>
  </li>
</ul>



		<script>
layui.use('element', function(){
  var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
  
  //监听导航点击
  element.on('nav(demo)', function(elem){
    //console.log(elem)
    layer.msg(elem.text());
  });
});
</script>
</html>